/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<    右侧快捷    >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.MaintainManage-RightQuick {
  position: relative;

  /* ============================== 按钮 ============================== */
  &-btn {
    display: flex;
    align-items: center;
    height: 100%;
    cursor: pointer;

    /* —————————————————————————————— 图片 —————————————————————————————— */
    > div {
      flex: 1;
      text-align: center;
    }

    /* —————————————————————————————— 文字 —————————————————————————————— */
    > span {
      flex: 2;
      font-size: 16px;
      color: #666;
      transition: 0.3s;
    }

    /* —————————————————————————————— 鼠标悬停 —————————————————————————————— */
    &:hover {
      > span {
        color: #333;
      }
    }
  }

  /* ============================== 卡片体 ============================== */
  .CoreWeb-EasyCard-panel-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 5% 0;

    /* —————————————————————————————— 每项 —————————————————————————————— */
    > div {
      height: 20%;
      border-radius: 6px;
      transition: 0.3s;

      /* ------------------------------ 新增工单 ------------------------------ */
      &:nth-child(1) {
        background: rgba(246, 250, 255, 0.9);

        &:hover {
          background: #d7e6fa;
        }
      }

      /* ------------------------------ 新增出库 ------------------------------ */
      &:nth-child(2) {
        background: #f0fff7;

        &:hover {
          background: #cbfae2;
        }
      }

      /* ------------------------------ 新增合同 ------------------------------ */
      &:nth-child(3) {
        background: rgba(255, 246, 237, 0.9);

        &:hover {
          background: #ffead5;
        }
      }

      /* ------------------------------ 消息发布 ------------------------------ */
      &:nth-child(4) {
        background: rgba(232, 249, 255, 0.9);

        &:hover {
          background: #cbeffb;
        }
      }
    }
  }
}
